<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="head">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no">
    <title>新芽公益</title>
    <link rel="stylesheet" th:href="@{/asserts/layui/css/layui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/asserts/css/main.css}">
    <link rel="stylesheet" th:href="@{/asserts/css/shop.css}">
    <link rel="stylesheet" href="/asserts/layui/index.css">
    <link rel="stylesheet" href="/asserts/css/rocket.css">

</head>
<body>
<!--导航栏-->
<header th:fragment="header(active)">
    <div class="layui-header header layui-bg-green" style="position: fixed;top: 0;">
        <div class="layui-main mag0">
            <!-- 顶级菜单 -->
            <!--logo-->
            <a href="/" class="logo"><img src="http://dd.ddandang.top/images/logo11.png"></a>
            <ul class="layui-nav mobileTopLevelMenus" mobile>
                <li class="layui-nav-item" data-menu="contentManagement">
                    <a href="javascript:;"><i class="layui-icon layui-icon-align-center"></i><cite>菜单</cite></a>
                    <dl class="layui-nav-child">
                        <dd class="layui-this"
                            th:class="${active == 'home'?'layui-this':''}" data-menu="contentManagement"><a href="/"><i class="layui-icon layui-icon-home"></i><cite>首页</cite></a></dd>
                        <dd th:class="${active == 'shop'?'layui-this':''}" data-menu="memberCenter"><a href="/shop"><i class="seraph layui-icon layui-icon-layer"></i><cite>商店</cite></a></dd>
                        <dd th:class="${active == 'donationExplain'?'layui-this':''}" data-menu="seraphApi"><a href="/donationExplain"><i class="layui-icon" data-icon="&#xe705;">&#xe705;</i><cite>关于我们</cite><span class="layui-badge-dot"></span></a></dd>
                    </dl>
                </li>
            </ul>
            <ul class="layui-nav topLevelMenus" pc>
                <li class="layui-nav-item layui-this"
                    th:class="${active == 'home'?'layui-nav-item layui-this':'layui-nav-item'}" data-menu="contentManagement">
                    <a href="/"><i class="layui-icon layui-icon-home"></i><cite>首页</cite></a>
                </li>
                <li class="layui-nav-item"
                    th:class="${active == 'shop'?'layui-nav-item layui-this':'layui-nav-item'}" data-menu="memberCenter" pc>
                    <a href="/shop"><i class="seraph icon-icon10 layui-icon layui-icon-cart-simple"></i><cite>积分商店</cite></a>
                </li>
                <li class="layui-nav-item"
                    th:class="${active == 'donationExplain'?'layui-nav-item layui-this':'layui-nav-item'}" data-menu="seraphApi" pc>
                    <a href="/donationExplain"><i class="layui-icon" data-icon="&#xe705;">&#xe705;</i><cite>关于我们</cite><span class="layui-badge-dot"></span></a>
                </li>
            </ul>

            <!-- 顶部右侧菜单 -->
            <ul class="layui-nav top_menu">
                <li class="layui-nav-item" th:if="${session.user}==null" >
                    <a href="/userRegister" class="clearCache"><i ></i><cite>注册</cite><span class="layui-badge-dot"></span></a>
                </li>
                <li class="layui-nav-item lockcms" th:if="${session.user}==null">
                    <a href="/userLogin"><i class="seraph icon-lock"></i><cite>登录</cite></a>
                </li>
                <li class="layui-nav-item" id="userInfo" th:if="${session.user} != null">
                    <a href="javascript:;"><img th:src="${session.userImg}" class="layui-nav-img userAvatar" width="35" height="35"><cite class="adminName" th:text="${session.user.userName}"></cite></a>
                    <dl class="layui-nav-child">
                        <dd><a href="/myInfo"><i class="layui-icon layui-icon-username"></i><cite>个人信息</cite></a></dd>
                        <dd><a href="/edit"><i class="layui-icon layui-icon-user"></i><cite>完善信息</cite></a></dd>
                        <dd><a href="/user/exchangeRecord"><i class="layui-icon layui-icon-gift"></i><cite>兑换记录</cite></a></dd>
                        <dd><a href="/userLogout" class="signOut"><i class="layui-icon layui-icon-logout"></i><cite>退出登录</cite></a></dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>
</header>
<footer th:fragment="footer">
    <div class="layout-footer layui-bg-green layui-row">
        <div style="height: 40px"></div>
        <div class="footer-body">
            <div class="footer-nav">
                    <span class="layui-breadcrumb" lay-separator="|">
                        <a href="/donationExplain">关于我们</a>
                        <a href="#">服务协议</a>
                        <a href="#">隐私政策</a>
                        <a href="#">意见反馈</a>
                    </span>
            </div>
            <!--            <hr>-->
            <p>Copyright © <span th:text="${session.currentYear}">2019</span> -
                <span th:text="${session.currentYear}+1">2020</span> 新芽公益 Inc. 保留所有权利</p>
        </div>
    </div>
    <script type="text/javascript" src="http://dd.ddandang.top/js/jquery-3.5.0.min.js"></script>
    <script th:src="@{/asserts/layui/layui.js}"></script>
    <script type="text/javascript" src="/asserts/js/rocket.js"></script>
</footer>
</body>
</html>